<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人中心</title>
    <link rel="stylesheet" href="../../css/common.css">
    <link rel="stylesheet" href="../../css/user/profile.css">
</head>
<body>
    <!-- 导航栏 -->
    <nav class="navbar">
        <div class="navbar-content">
            <a href="index.html" class="back-btn">
                <span>←</span> 返回新闻列表
            </a>
            <h1 class="navbar-title">个人中心</h1>
        </div>
    </nav>

    <!-- 主内容区 -->
    <main class="main-content">
        <div class="profile-card">
            <div class="avatar-section">
                <div class="avatar-wrapper">
                    <img id="avatarPreview" src="" alt="用户头像">
                    <input type="file" id="avatarInput" accept="image/*" style="display: none">
                    <div class="avatar-overlay">点击更换头像</div>
                </div>
            </div>
            <div class="profile-form">
                <div class="form-group">
                    <label>账号</label>
                    <input type="text" id="uid" disabled>
                </div>
                <div class="form-group">
                    <label>性别</label>
                    <select id="sex">
                        <option value="">请选择性别</option>
                        <option value="0">男</option>
                        <option value="1">女</option>
                    </select>
                </div>
                <div class="form-group">
                    <label>年龄</label>
                    <input type="number" id="age" min="1" max="120">
                </div>
                <div class="form-actions">
                    <button onclick="saveProfile()">保存修改</button>
                </div>
            </div>
        </div>
    </main>

    <script src="../../js/config.js"></script>
    <script src="../../js/request.js"></script>
    <script src="../../js/auth.js"></script>
    <script src="../../js/utils.js"></script>
    <script src="../../js/user/profile.js"></script>
</body>
</html> 